<template>
  <a-form ref="form" :model="allFormConfig" layout="vertical">
    <div class="form__box">
      <a-form-item :label="`表单对齐方式`" field="labelAlign" >
        <a-radio-group type="button" v-model="allFormConfig.labelAlign">
          <a-radio value="left">
            左对齐
          </a-radio>
          <a-radio value="right">
            右对齐
          </a-radio>
          <a-radio value="horizontal">
            顶部对齐
          </a-radio>
        </a-radio-group>
      </a-form-item>
      <a-divider></a-divider>
      <a-form-item :label="`标签宽度`" field="labelWidth" >
        <a-input-number :step="10" :max="400" :min="80" v-model="allFormConfig.labelWidth"></a-input-number>
      </a-form-item>
      <a-form-item :label="`弹窗宽度`" field="labelWidth" >
        <a-input-number :step="10" :max="1500" :min="600" v-model="allFormConfig.modalWidth"></a-input-number>
      </a-form-item>
      <a-form-item :label="`弹窗内容高度`" field="labelWidth">
        <a-input-number :step="10" :max="1080" :min="600" v-model="allFormConfig.modalHeight"></a-input-number>
      </a-form-item>
    </div>
  </a-form>
</template>
<script>

export default {
  name: 'AllFormConfig',
  inject: ['dataObj'],
  data () {
    return {
      rules: {
        name: [{ required: true, message: '必填' }]
      }
    }
  },
  computed: {
    allFormConfig () {
      return this.dataObj.allFormConfig || {}
    }
  }
}
</script>

<style scoped lang="less">

</style>
